<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SVG</title>
    <style>
        .r1{
            fill:red;
            stroke:blue;
            stroke-width: 5;
            fill-opacity:0.1
        }
    </style>
</head>
<body>
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="800" height="500">
        <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
        <rect rx="10" ry="10" width="100" height="50" x="150" y="20" class="r1" ></rect>
        <line x1="0" y1="0" x2="200" y2="200"
  style="stroke:rgb(255,0,0);stroke-width:2"/>
  <polygon points="220,10 300,210 170,250 123,234" style="fill:lime;stroke:purple;stroke-width:1" />
  <path d="M150 0 L75 200 L225 200 Z" style="fill:red" />
  <text x="0" y="15" style="fill:blue">I love SVG</text>
    </svg>
    <svg>
        
    </svg>
</body>
</html>